<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>小区房屋及人员信息管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->
    <script type="text/javascript" src="assets/js/jquery.js"></script>

    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/loader-style.css">
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <link rel="stylesheet" href="assets/css/media.css">
    <link rel="stylesheet" href="assets/css/social.css">







    <!--处理HTML5新标签的兼容性问题-->
    <!-- 判断是否小于 IE9 以下浏览器，如果是就执行这段 JS 代码 ，如果不是，就忽略掉 -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="assets/ico/minus.png">
</head>

<body>
<!-- 预加载 -->
<div id="preloader">
    <div id="status">&nbsp;</div>
</div>
<!-- 顶部导航 -->
<nav role="navigation" class="navbar navbar-static-top">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" class="navbar-toggle" type="button">
                <span class="entypo-menu"></span>
            </button>
            <button class="navbar-toggle toggle-menu-mobile toggle-left" type="button">
                <span class="entypo-list-add"></span>
            </button>

            <div id="logo-mobile" class="visible-xs">
                <h1>小区房屋及人员信息管理系统</h1>
            </div>

        </div>



        <!--收集导航链接、表单和其他内容以进行切换-->
        <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">

                <li class="dropdown">
                    <!--下拉菜单data-toggle="dropdown"，标记有23条信息-->
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i style="font-size:20px;" class="icon-conversation"></i><div class="noft-red">23</div></a>

                    <ul style="margin: 11px 0 0 9px;" role="menu" class="dropdown-menu dropdown-wrap">
                        <li>
                            <a href="#">
                                <img alt="" class="img-msg img-circle" src="http://api.randomuser.me/portraits/thumb/men/1.jpg">陈曼仁<b>刚刚</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <img alt="" class="img-msg img-circle" src="http://api.randomuser.me/portraits/thumb/women/1.jpg">陈丽平<b>3分钟之前</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <img alt="" class="img-msg img-circle" src="http://api.randomuser.me/portraits/thumb/men/10.jpg">钟惠珍<b>5分钟之前</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <img alt="" class="img-msg img-circle" src="http://api.randomuser.me/portraits/thumb/men/3.jpg">徐洁怡  <b>1天之前</b>
                            </a>
                        </li>

                        <!--divider直线-->
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <img alt="" class="img-msg img-circle" src="http://api.randomuser.me/portraits/thumb/men/2.jpg">程可霓<b>3个月之前</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <div>查看所有信息</div>
                        </li>
                    </ul>
                </li>
                <li>

                    <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i style="font-size:19px;" class="icon-warning tooltitle"></i><div class="noft-green">3</div></a>
                    <ul style="margin: 12px 0 0 0;" role="menu" class="dropdown-menu dropdown-wrap">
                        <li>
                            <a href="#">
                                <span style="background:#DF2135" class="noft-icon maki-bus"></span>来自社区的邮件 <b>刚刚</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <span style="background:#AB6DB0" class="noft-icon maki-airport"></span>最新消息2 <b>早上9:00</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <span style="background:#FFA200" class="noft-icon maki-bicycle"></span>最新消息1<b>早上6:00</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <div>查看所有信息</div>
                        </li>
                    </ul>
                </li>
                <li><a href="#"><i data-toggle="tooltip" data-placement="bottom" title="帮助" style="font-size:20px;" class="icon-help tooltitle"></i></a>
                </li>

            </ul>
            <div id="nt-title-container" class="navbar-left running-text visible-lg">
                <ul class="date-top">
                    <li class="entypo-calendar" style="margin-right:5px"></li>
                    <li id="Date"></li>
                </ul>

                <ul id="digital-clock" class="digital">
                    <!--显示当前日期-->
                    <li class="entypo-clock" style="margin-right:5px"></li>
                    <li class="hour"></li>
                    <li>:</li>
                    <!--显示当前时间-->
                    <li class="min"></li>
                    <li>:</li>
                    <li class="sec"></li>
                    <li class="meridiem"></li>
                </ul>

                <ul id="nt-title">
                    <li><i class="wi-day-lightning"></i>&#160;&#160;Berlin&#160;
                        <b>85</b><i class="wi-fahrenheit"></i>&#160;; 15km/h
                    </li>
                    <li><i class="wi-day-lightning"></i>&#160;&#160;Yogyakarta&#160;
                        <b>85</b><i class="wi-fahrenheit"></i>&#160;; Tonight- 72 °F (22.2 °C)
                    </li>

                    <li><i class="wi-day-lightning"></i>&#160;&#160;Sttugart&#160;
                        <b>85</b><i class="wi-fahrenheit"></i>&#160;; 15km/h
                    </li>

                    <li><i class="wi-day-lightning"></i>&#160;&#160;Muchen&#160;
                        <b>85</b><i class="wi-fahrenheit"></i>&#160;; 15km/h
                    </li>

                    <li><i class="wi-day-lightning"></i>&#160;&#160;Frankurt&#160;
                        <b>85</b><i class="wi-fahrenheit"></i>&#160;; 15km/h
                    </li>

                </ul>
            </div>

            <ul style="margin-right:0;" class="nav navbar-nav navbar-right">
                <li>
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <img alt="" class="admin-pic img-circle" src="http://api.randomuser.me/portraits/thumb/women/8.jpg">哈喽, 张裕嘉<b class="caret"></b>
                    </a>
                    <ul style="margin-top:14px;" role="menu" class="dropdown-setting dropdown-menu">
                        <li>
                            <a href="#">
                                <span class="entypo-user"></span>&#160;&#160;个人信息</a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="entypo-vcard"></span>&#160;&#160;账号密码修改</a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="entypo-lifebuoy"></span>&#160;&#160;帮助</a>
                        </li>

                    </ul>
                </li>
                <li>
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <span class="icon-gear"></span>&#160;&#160;设置</a>
                    <ul role="menu" class="dropdown-setting dropdown-menu">

                        <li class="theme-bg">
                            <div id="button-bg"></div>
                            <div id="button-bg2"></div>
                            <div id="button-bg3"></div>
                            <div id="button-bg5"></div>
                            <div id="button-bg6"></div>
                            <div id="button-bg7"></div>
                            <div id="button-bg8"></div>
                            <div id="button-bg9"></div>
                            <div id="button-bg10"></div>
                            <div id="button-bg11"></div>
                            <div id="button-bg12"></div>
                            <div id="button-bg13"></div>
                        </li>
                    </ul>
                </li>
            </ul>

        </div>
        <!-- 导航栏折叠 -->
    </div>
    <!-- 容器流体-->
</nav>

<!--顶部导航结束 -->

<!-- 侧边菜单 -->
<div id="skin-select">
    <div id="logo">
        <h1>个人信息查看</h1>
    </div>

    <a id="toggle">
        <span class="entypo-menu"></span>
    </a>

    <div class="skin-part">
        <div id="tree-wrap">
            <div class="side-bar">
                <ul class="topnav menu-left-nest">
                    <li>
                        <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                            <span class="admin-info"></span>
                            <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                        </a>
                    </li>

                    <li>
                        <a class="tooltip-tip ajax-load" href="#" title="管理员系统">
                            <i class="icon-document-edit"></i>
                            <span>个人信息</span>

                        </a>
                        <ul>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="info-view.html" title="查看个人信息"><i class="entypo-doc-text"></i><span>查看个人信息</span></a>
                            </li>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="info-modify.html" title="修改个人信息"><i class="entypo-newspaper"></i><span>修改个人信息</span></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a class="tooltip-tip ajax-load" href="info-admin.html" title="Social">
                            <i class="icon-feed"></i>
                            <span>所有管理员信息</span>

                        </a>
                    </li>
                    <li>
                        <a class="tooltip-tip ajax-load" href="login.html" title="Media">
                            <i class="icon-camera"></i>
                            <span>退出</span>

                        </a>
                    </li>
                </ul>

                <ul class="topnav menu-left-nest">
                    <li>
                        <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                            <span class="user-manage"></span>
                            <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                        </a>
                    </li>

                    <li>
                        <a class="tooltip-tip ajax-load" href="table-user.html" title="Dashboard">
                            <i class="icon-window"></i>
                            <span>住户表</span>

                        </a>
                    </li>
                    <li>
                        <a class="tooltip-tip ajax-load" href="table-complain.html" title="Mail">
                            <i class="icon-mail"></i>
                            <span>投诉表</span>
                        </a>
                    </li>

                    <li>
                        <a class="tooltip-tip ajax-load" href="table-repair.html" title="Icons">
                            <i class="icon-preview"></i>
                            <span>维修表</span>
                        </a>
                    </li>

                    <li>
                        <a class="tooltip-tip" href="#" title="Extra Pages">
                            <i class="icon-document-new"></i>
                            <span>公共停车位</span>
                        </a>
                        <ul>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="parks-arrange.html" title="Blank Page"><i class="icon-media-record"></i><span>停车位安排表</span></a>
                            </li>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="parks-flow.html" title="Profile Page"><i class="icon-user"></i><span>流动车位表</span></a>
                            </li>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="parks-apply.html" title="Invoice"><i class="entypo-newspaper"></i><span>申请停车位</span></a>
                            </li>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="parks-info.html" title="Pricing Table"><i class="fontawesome-money"></i><span>停车通报信息</span></a>
                            </li>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="parks-set.html" title="Time Line"><i class="entypo-clock"></i><span>停车位管理规定</span></a>
                            </li>

                        </ul>
                    </li>

                    <li>
                        <a class="tooltip-tip " href="table-fee.html" title="login">
                            <i class="icon-download"></i>
                            <span>费用表</span>
                        </a>
                    </li>

                </ul>

                <ul id="menu-showhide" class="topnav menu-left-nest">
                    <li>
                        <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                            <span class="component"></span>
                            <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                        </a>
                    </li>


                    <li>
                        <a class="tooltip-tip" href="#" title="UI Element">
                            <i class="icon-monitor"></i>
                            <span>住户处理</span>
                        </a>
                        <ul>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="user-add.html" title="Element"><i class="icon-attachment"></i><span>添加住户</span></a>
                            </li>
                            <li><a class="tooltip-tip2 ajax-load" href="user-change.html" title="Button"><i class="icon-view-list-large"></i><span>更改住户</span></a>
                            </li>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="user-delete.html" title="Tab & Accordion"><i class="icon-folder"></i><span>删除住户</span></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a class="tooltip-tip" href="#" title="Form">
                            <i class="icon-document"></i>
                            <span>房屋处理</span>
                        </a>
                        <ul>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="room-change.html" title="Form Elements"><i class="icon-document-edit"></i><span>房屋信息</span></a>
                            </li>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="room-ban.html" title="Andvance Form"><i class="icon-map"></i><span>禁售房屋添加</span></a>
                            </li>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="room-sale.html" title="Text Editor"><i class="icon-code"></i><span>销售房屋添加</span></a>
                            </li>
                        </ul>
                    </li>


                    <li>
                        <a class="tooltip-tip ajax-load" href="notice.html" title="Map">
                            <i class="icon-location"></i>
                            <span>发布公告</span>

                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- 侧菜单结束 -->

    <!--纸包装-->
    <div class="wrap-fluid">
        <div class="container-fluid paper-wrap bevel tlbr">
            <!-- 内容 -->
            <!--主题 -->
            <div class="row">
                <div id="paper-top">
                    <div class="col-sm-3">
                        <h2 class="tittle-content-header">
                            <span class="entypo-doc-text"></span>
                            <span>管理员好！</span>
                        </h2>

                    </div>

                    <div class="col-sm-7">
                        <div class="devider-vertical visible-lg"></div>
                        <div class="tittle-middle-header">

                            <div class="alert">
                                <button type="button" class="close" data-dismiss="alert">×</button>
                                <span class="tittle-alert entypo-info-circled"></span>
                                欢迎回来,&nbsp;
                                <strong>张裕嘉!</strong>你昨天登录的时间为下午16:54
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="devider-vertical visible-lg"></div>
                    </div>
                </div>
            </div>
            <!--主题 -->

            <!--内容-->

            <div class="content-wrap">
                <!-- 轮廓 -->
                <div class="row">
                    <div class="col-sm-12">
                        <div class="well profile">
                            <div class="col-sm-12">
                                <div class="col-xs-12 col-sm-4 text-center">

                                    <ul class="list-group">
                                        <li class="list-group-item text-left">
                                            <span class="entypo-user"></span>&nbsp;&nbsp;简况</li>
                                        <li class="list-group-item text-center">
                                            <img src="http://api.randomuser.me/portraits/women/8.jpg" alt="" class="img-circle img-responsive img-profile">

                                        </li>
                                        <li class="list-group-item text-center">
                                            <span class="pull-left">
                                                <strong>评级</strong>
                                            </span>


                                            <div class="ratings">

                                                <a href="#">
                                                    <span class="fa fa-star"></span>
                                                </a>
                                                <a href="#">
                                                    <span class="fa fa-star"></span>
                                                </a>
                                                <a href="#">
                                                    <span class="fa fa-star"></span>
                                                </a>
                                                <a href="#">
                                                    <span class="fa fa-star"></span>
                                                </a>
                                                <a href="#">
                                                    <span class="fa fa-star-o"></span>
                                                </a>

                                            </div>


                                        </li>

                                        <!--从数据库中获取数据-->



                                        <li class="list-group-item text-right">
                                            <span class="pull-left">
                                                <strong>进入时间</strong>


                                                <!--时间time-->
                                            </span>2.13.2014</li>
                                        <li class="list-group-item text-right">
                                            <span class="pull-left">
                                                <strong>上一次查看时间</strong>
                                            </span>昨天</li>
                                        <li class="list-group-item text-right">
                                            <span class="pull-left">
                                                <strong>昵称</strong>
                                            </span>Sleep</li>

                                    </ul>

                                </div>
                                <div class="col-xs-12 col-sm-8 profile-name">
                                    <h2>张裕嘉
                                        <span class="pull-right social-profile">
                                            <i class="entypo-facebook-circled"></i>  <i class="entypo-twitter-circled"></i>  <i class="entypo-linkedin-circled"></i>  <i class="entypo-github-circled"></i>  <i class="entypo-gplus-circled"></i>
                                        </span>
                                    </h2>
                                    <hr>

                                    <dl class="dl-horizontal-profile">
                                        <dt>管理员编号</dt>


                                        <dd>xxx</dd>

                                        <dt>姓名</dt>
                                        <dd>xxx</dd>

                                        <dt>邮箱</dt>
                                        <dd>eko.sulistyo@yahoo.com</dd>

                                        <dt>手机号码</dt>
                                        <dd>xxx</dd>

                                        <dt>爱好</dt>
                                        <dd>xxx</dd>


                                        <dt>能力</dt>
                                        <dd>
                                            <span class="tags">html5</span>
                                            <span class="tags">css3</span>
                                            <span class="tags">jquery</span>
                                            <span class="tags">bootstrap3</span>
                                        </dd>

                                    </dl>


                                    <hr>

                                    <h5>
                                        <span class="entypo-arrows-ccw"></span>&nbsp;&nbsp;最近活动</h5>

                                    <div class="table-responsive">
                                        <table class="table table-hover table-striped table-condensed">

                                            <tbody>
                                            <tr>
                                                <td><i class="pull-right fa fa-edit"></i> 今天, 1:00 - 解决居民纠纷问题.</td>
                                            </tr>
                                            <tr>
                                                <td><i class="pull-right fa fa-edit"></i> 今天, 12:23 - 查看水电表是否存在问题.</td>
                                            </tr>
                                            <tr>
                                                <td><i class="pull-right fa fa-edit"></i> 今天, 12:20 - 检查消防问题".</td>
                                            </tr>
                                            <tr>
                                                <td><i class="pull-right fa fa-edit"></i> 昨天 - 收齐所有住户的水电费.</td>
                                            </tr>
                                            <tr>
                                                <td><i class="pull-right fa fa-edit"></i> 2天以前 -催促住户缴纳费用.</td>
                                            </tr>
                                            <tr>
                                                <td><i class="pull-right fa fa-edit"></i> 2天以前 - 打扫楼道卫生.</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>






                    </div>
                </div>
                <!-- 轮廓结束 -->
                <!--  内容结束 -->











<!--            <div class="row" style="margin-top:30px;padding:0 15px;">-->
<!--                &lt;!&ndash; 个人信息 &ndash;&gt;-->
<!--                <div class="col-sm-8">-->
<!--                    <div class="blog-list-nest">-->
<!--                        <div class="vendor">-->
<!--                            <img class="img-responsive-media" src="http://lorempixel.com/output/food-q-c-600-300-9.jpg" alt="">-->
<!--                        </div>-->

<!--                        <div class="blog-list-content">-->
<!--                            <h2>张裕嘉</h2>-->
<!--                            <p>张裕嘉来自于管理学院，主要学会了管理用户信息，查询用户信息，修改用户信息，删除用户信息，能很好的解决居民之间纠纷，解决居民日常的生活问题，执行力也强，能迅速的上传下达，具有良好人际技能的管理者能够使员工的热情和信心，组织格局能力和人员管理能力也高……</p>-->
<!--                            <hr>-->
<!--                            <button class="btn btn-info pull-right">更多</button>-->
<!--                            <div style="clear:both;"></div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                &lt;!&ndash;内容结束&ndash;&gt;-->

<!--                &lt;!&ndash;信息端内容&ndash;&gt;-->




<!--                &lt;!&ndash;从数据库中获取个人信息数据&ndash;&gt;-->




<!--                <div class="col-sm-4">-->
<!--                    <div class="panel panel-default">-->
<!--                        <img class="media-object img-circle blog-profile" data-src="holder.js/64x64" alt="64x64" src="http://api.randomuser.me/portraits/thumb/men/2.jpg">-->
<!--                        <hr style="margin:0;">-->

<!--                        <div class="panel-body">-->
<!--                            <p class="lead text-center">张裕嘉</p>-->

<!--                            <p class="social-follower text-center">管理人才，大学生，党员，女性</p>-->


<!--                        </div>-->
<!--                    </div>-->




<!--                    &lt;!&ndash;数据库根据账号查找管理员编号&ndash;&gt;-->
<!--                    <div class="blog-side-nest">-->
<!--                        <h4 class="text-center">工作证</h4>-->
<!--                        <p>编号：</p>-->
<!--                        <p>姓名：</p>-->
<!--                        <p>账号：</p>-->





<!--                    </div>-->


<!--                    <div class="blog-side-nest">-->
<!--                        <h4 class="text-left">标签</h4>-->
<!--                        <hr style="margin:0">-->
<!--                        <ul class="list-inline">-->
<!--                            <li>-->
<!--                                <a class="btn btn-info" href="#">管理员</a>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <a class="btn btn-info" href="#">可爱</a>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <a class="btn btn-info" href="#">话痨</a>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <a class="btn btn-info" href="#">帅气</a>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <a class="btn btn-info" href="#">薯片</a>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <a class="btn btn-info" href="#">沐浴露</a>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <a class="btn btn-info" href="#">高学历</a>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <a class="btn btn-info" href="#">电影</a>-->
<!--                            </li>-->

<!--                        </ul>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
            <!--  内容结束 -->

        </div>
    </div>
    <!--  纸包装结束 -->


    <!-- MAIN EFFECT -->
    <script type="text/javascript" src="assets/js/preloader.js"></script>
    <script type="text/javascript" src="assets/js/bootstrap.js"></script>
    <script type="text/javascript" src="assets/js/app.js"></script>
    <script type="text/javascript" src="assets/js/load.js"></script>
    <script type="text/javascript" src="assets/js/main.js"></script>
    <script src="assets/js/flatvideo/jquery.fitvids.js"></script>



</body>

</html>
